html {
  font-size: 62.5%;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif;
  position: relative;
  min-width: 350px;
  margin: 0 auto !important;
}
html body {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
html body>a {
  display: none;
}
html body .bodyStyle {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  opacity: 0;
  z-index: 0;
  opacity: 0.2;
  background: url(images/theme-pattern_5.jpg);
}
html body #control {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 50%;
  width: 4rem;
  margin-left: -2rem;
  padding: 0;
  bottom: 2.5rem;
  list-style-type: none;
  z-index: 4;
  text-align: center;
  color: #fc556c;
  cursor: pointer;
  font-size: 4.2rem;
  transition: all 0.3s;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}
html body #control img {
  transition: all 0.3s;
  height: 4rem;
  width: auto;
  -webkit-animation: '';
          animation: '';
  -webkit-animation: breathe 3s ease-in-out infinite;
          animation: breathe 3s ease-in-out infinite;
}
html body #control svg {
  -webkit-animation: breathe 3s ease-in-out infinite;
          animation: breathe 3s ease-in-out infinite;
}
html body #control.active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
html body #control.active img.active {
  -webkit-animation: shake-slow 10s ease-in-out infinite;
          animation: shake-slow 10s ease-in-out infinite;
}
html body #control.plus {
  width: 8rem;
  margin-left: -4rem;
  bottom: 3rem;
}
html body #control.plus img {
  height: 8rem;
}
html body #app .section {
  text-align: center;
  color: #333;
  font-size: 1.6rem;
  position: relative;
}
html body #app .section.active {
  z-index: 3;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
@media screen and (min-width: 450px) {
  html {
    font-size: 100%;
  }
}
#app .section:nth-child(4) .container {
  transition: 1s ease;
  opacity: 0;
}
#app .section:nth-child(4) .container .title {
  text-align: center;
  position: relative;
  top: 3.5rem;
  -webkit-transform: translateY(30rem);
          transform: translateY(30rem);
  transition: 1s ease;
  margin: 0;
  padding: 0;
}
#app .section:nth-child(4) .container .title.active {
  -webkit-transform: translateY(0rem);
          transform: translateY(0rem);
  -webkit-animation: fadeInUp 0.7s linear both;
          animation: fadeInUp 0.7s linear both;
}
#app .section:nth-child(4) .container .title.active h1 {
  -webkit-animation: main_title 865ms linear both;
          animation: main_title 865ms linear both;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
#app .section:nth-child(4) .container .title.active h1:before,
#app .section:nth-child(4) .container .title.active h1:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
#app .section:nth-child(4) .container .title.turn {
  -webkit-animation: flipInX_4 0.7s linear both;
          animation: flipInX_4 0.7s linear both;
  -webkit-animation-delay: 2500ms;
          animation-delay: 2500ms;
}
#app .section:nth-child(4) .container .title.turn ul li {
  transition: 0.1s;
  transition-delay: 2500ms;
}
#app .section:nth-child(4) .container .title.turn ul li:nth-child(1) {
  opacity: 0;
}
#app .section:nth-child(4) .container .title.turn ul li:nth-child(2) {
  opacity: 1;
}
#app .section:nth-child(4) .container .title.turn ul li:nth-child(2):before {
  width: 0rem;
  -webkit-transform: scale(1) rotate(15deg);
          transform: scale(1) rotate(15deg);
}
#app .section:nth-child(4) .container .title h1 {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  color: #fc556c;
}
#app .section:nth-child(4) .container .title h1:before,
#app .section:nth-child(4) .container .title h1:after {
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(0);
          transform: scale(0);
  content: '';
  top: -3rem;
  position: absolute;
  display: inline-block;
  height: 6rem;
  width: 3rem;
  background-image: url();
  background-repeat: no-repeat;
  background-position: center center;
}
#app .section:nth-child(4) .container .title h1:before {
  left: -2rem;
}
#app .section:nth-child(4) .container .title h1:after {
  top: -2.7rem;
  background-image: url();
  right: -1rem;
}
#app .section:nth-child(4) .container .title ul {
  margin: 1rem 0 0rem;
  text-align: center;
  padding: 0;
  height: 2.5rem;
  position: relative;
}
#app .section:nth-child(4) .container .title ul.active {
  -webkit-animation: flipInX 1s linear both;
          animation: flipInX 1s linear both;
}
#app .section:nth-child(4) .container .title ul li {
  font-size: 1.5rem;
  display: inline-block;
  margin: 0 0.3rem;
  transition: 0s;
  transition-delay: 0ms;
  opacity: 1;
  color: #666;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#app .section:nth-child(4) .container .title ul li:nth-child(2) {
  opacity: 0;
}
#app .section:nth-child(4) .container .title ul li:nth-child(2):after,
#app .section:nth-child(4) .container .title ul li:nth-child(2):before {
  content: '';
  height: 1.5rem;
  width: 0rem;
  -webkit-transform: scale(1) rotate(15deg);
          transform: scale(1) rotate(15deg);
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  background: #fc556c;
  display: inline-block;
  position: relative;
  top: 0.2rem;
  left: -0.4rem;
}
#app .section:nth-child(4) .container .title ul li:nth-child(2):after {
  left: 0.5rem;
  width: 0rem;
}
#app .section:nth-child(4) .container .title ul li.active {
  opacity: 1;
  -webkit-animation: title_come_3 865ms linear both;
          animation: title_come_3 865ms linear both;
}
#app .section:nth-child(4) .container .card {
  opacity: 1;
  position: relative;
  height: 44.85rem;
  width: 25rem;
  margin: 3.5rem auto 0;
  -webkit-transform: translateY(-40rem);
          transform: translateY(-40rem);
  transition: 1s ease;
}
#app .section:nth-child(4) .container .card .card-front,
#app .section:nth-child(4) .container .card .card-reverse {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  transition: 1s;
  text-align: center;
  border-radius: 5px;
}
#app .section:nth-child(4) .container .card .card-front {
  background-image: url(images/app_contain_3_4.jpg);
  -webkit-animation: flipInX 0.7s linear both;
          animation: flipInX 0.7s linear both;
}
#app .section:nth-child(4) .container .card .card-front input {
  height: 2.8rem;
  width: 18rem;
  background: #dfdfdf;
  border: 0;
  border-radius: 5px;
  position: absolute;
  top: 38.4rem;
  left: 50%;
  margin-left: -9rem;
  box-sizing: border-box;
  padding: 0 1.5rem;
  display: none;
}
#app .section:nth-child(4) .container .card .card-front .button {
  cursor: pointer;
  display: block;
  height: 3.2rem;
  width: 15rem;
  background: linear-gradient(to top, #6b74f1, #a7adff);
  border: 0;
  border-radius: 175px;
  font-size: 1.4rem;
  line-height: 3.2rem;
  color: #fff;
  margin: 37rem auto 0;
  box-shadow: 0px 3px 5px rgba(107,116,241,0.7);
  -webkit-animation: shake-little 10s ease-in-out infinite;
          animation: shake-little 10s ease-in-out infinite;
}
#app .section:nth-child(4) .container .card .card-front .click {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background: rgba(0,0,0,0.3);
  border: 4px solid rgba(255,255,255,0.1);
  position: absolute;
  bottom: -4rem;
  right: -3rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: -100px -100px;
          transform-origin: -100px -100px;
  opacity: 0;
  transition: 1.5s cubic-bezier(0.97, 0.01, 0.27, 1.01);
}
#app .section:nth-child(4) .container .card .card-front .click.active {
  opacity: 1;
  bottom: 4.5rem;
  right: 6rem;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#app .section:nth-child(4) .container .card .card-front .click.enter {
  transition: 0.4s ease;
  -webkit-transform: scale(2);
          transform: scale(2);
  opacity: 0;
}
#app .section:nth-child(4) .container .card .card-reverse {
  background-image: url(images/app_contain_4_4.jpg);
  z-index: -1;
  -webkit-animation: flipOutX 0.7s linear both;
          animation: flipOutX 0.7s linear both;
  position: relative;
}
#app .section:nth-child(4) .container .card .card-reverse .price {
  position: absolute;
  top: 0rem;
  left: 0rem;
  text-align: center;
  display: inline-block;
  transition: -webkit-transform 0.7s ease;
  transition: transform 0.7s ease;
  transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}
#app .section:nth-child(4) .container .card .card-reverse .price:nth-child(1) {
  top: 20.2rem;
  left: 6.5rem;
}
#app .section:nth-child(4) .container .card .card-reverse .price:nth-child(2) {
  top: 20.2rem;
  left: 18.5rem;
}
#app .section:nth-child(4) .container .card .card-reverse .price:nth-child(2) i {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}
#app .section:nth-child(4) .container .card .card-reverse .price:nth-child(3) {
  top: 39.8rem;
  left: 6.5rem;
}
#app .section:nth-child(4) .container .card .card-reverse .price:nth-child(3) i {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}
#app .section:nth-child(4) .container .card .card-reverse .price:nth-child(4) {
  top: 39.8rem;
  left: 18.5rem;
}
#app .section:nth-child(4) .container .card .card-reverse .price:nth-child(4) i {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}
#app .section:nth-child(4) .container .card .card-reverse .price span {
  color: #fc556c;
  font-size: 0.5rem;
}
#app .section:nth-child(4) .container .card .card-reverse .price i {
  height: 4rem;
  width: 4rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -2rem;
  margin-left: -2rem;
  background: rgba(237,85,85,0.3);
  border-radius: 50%;
  -webkit-animation: wave 1500ms ease infinite;
          animation: wave 1500ms ease infinite;
}
#app .section:nth-child(4) .container .card.active {
  opacity: 1;
  -webkit-transform: translateY(0.5rem);
          transform: translateY(0.5rem);
}
#app .section:nth-child(4) .container .card.turn .card-front {
  -webkit-animation: flipOutX 0.7s linear both;
          animation: flipOutX 0.7s linear both;
}
#app .section:nth-child(4) .container .card.turn .card-reverse {
  -webkit-animation: flipInX 0.7s linear both;
          animation: flipInX 0.7s linear both;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
#app .section:nth-child(4).active .container {
  background-color: color_3;
  opacity: 1;
}
/* 定义动画 */
@-webkit-keyframes breathe {
  0% {
    opacity: 0.4;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0.1;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 0.4;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes breathe {
  0% {
    opacity: 0.4;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0.1;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 0.4;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes wave {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@keyframes wave {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes element_come {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(1.316, 0, 0, 0, 0, 1.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.316, 0, 0, 0, 0, 1.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    -webkit-transform: matrix3d(1.45, 0, 0, 0, 0, 1.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.45, 0, 0, 0, 0, 1.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    -webkit-transform: matrix3d(1.659, 0, 0, 0, 0, 1.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.659, 0, 0, 0, 0, 1.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    -webkit-transform: matrix3d(1.883, 0, 0, 0, 0, 2.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.883, 0, 0, 0, 0, 2.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(1.942, 0, 0, 0, 0, 2.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.942, 0, 0, 0, 0, 2.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(2.123, 0, 0, 0, 0, 2.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.123, 0, 0, 0, 0, 2.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    -webkit-transform: matrix3d(2.141, 0, 0, 0, 0, 2.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.141, 0, 0, 0, 0, 2.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(2.208, 0, 0, 0, 0, 2.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.208, 0, 0, 0, 0, 2.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    -webkit-transform: matrix3d(2.212, 0, 0, 0, 0, 2.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.212, 0, 0, 0, 0, 2.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(2.196, 0, 0, 0, 0, 2.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.196, 0, 0, 0, 0, 2.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    -webkit-transform: matrix3d(2.151, 0, 0, 0, 0, 1.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.151, 0, 0, 0, 0, 1.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(2.134, 0, 0, 0, 0, 1.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.134, 0, 0, 0, 0, 1.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(2.063, 0, 0, 0, 0, 1.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.063, 0, 0, 0, 0, 1.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    -webkit-transform: matrix3d(2.048, 0, 0, 0, 0, 1.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.048, 0, 0, 0, 0, 1.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    -webkit-transform: matrix3d(1.979, 0, 0, 0, 0, 1.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.979, 0, 0, 0, 0, 1.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(1.972, 0, 0, 0, 0, 1.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.972, 0, 0, 0, 0, 1.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    -webkit-transform: matrix3d(1.961, 0, 0, 0, 0, 2.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.961, 0, 0, 0, 0, 2.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(1.966, 0, 0, 0, 0, 2.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.966, 0, 0, 0, 0, 2.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    -webkit-transform: matrix3d(1.991, 0, 0, 0, 0, 2.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.991, 0, 0, 0, 0, 2.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(2.006, 0, 0, 0, 0, 1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.006, 0, 0, 0, 0, 1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.26% {
    -webkit-transform: matrix3d(2.007, 0, 0, 0, 0, 1.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.007, 0, 0, 0, 0, 1.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(2.001, 0, 0, 0, 0, 2.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.001, 0, 0, 0, 0, 2.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.49% {
    -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.999, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 1.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.999, 0, 0, 0, 0, 1.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes element_come {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(1.316, 0, 0, 0, 0, 1.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.316, 0, 0, 0, 0, 1.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    -webkit-transform: matrix3d(1.45, 0, 0, 0, 0, 1.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.45, 0, 0, 0, 0, 1.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    -webkit-transform: matrix3d(1.659, 0, 0, 0, 0, 1.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.659, 0, 0, 0, 0, 1.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    -webkit-transform: matrix3d(1.883, 0, 0, 0, 0, 2.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.883, 0, 0, 0, 0, 2.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(1.942, 0, 0, 0, 0, 2.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.942, 0, 0, 0, 0, 2.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(2.123, 0, 0, 0, 0, 2.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.123, 0, 0, 0, 0, 2.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    -webkit-transform: matrix3d(2.141, 0, 0, 0, 0, 2.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.141, 0, 0, 0, 0, 2.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(2.208, 0, 0, 0, 0, 2.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.208, 0, 0, 0, 0, 2.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    -webkit-transform: matrix3d(2.212, 0, 0, 0, 0, 2.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.212, 0, 0, 0, 0, 2.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(2.196, 0, 0, 0, 0, 2.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.196, 0, 0, 0, 0, 2.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    -webkit-transform: matrix3d(2.151, 0, 0, 0, 0, 1.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.151, 0, 0, 0, 0, 1.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(2.134, 0, 0, 0, 0, 1.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.134, 0, 0, 0, 0, 1.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(2.063, 0, 0, 0, 0, 1.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.063, 0, 0, 0, 0, 1.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    -webkit-transform: matrix3d(2.048, 0, 0, 0, 0, 1.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.048, 0, 0, 0, 0, 1.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    -webkit-transform: matrix3d(1.979, 0, 0, 0, 0, 1.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.979, 0, 0, 0, 0, 1.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(1.972, 0, 0, 0, 0, 1.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.972, 0, 0, 0, 0, 1.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    -webkit-transform: matrix3d(1.961, 0, 0, 0, 0, 2.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.961, 0, 0, 0, 0, 2.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(1.966, 0, 0, 0, 0, 2.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.966, 0, 0, 0, 0, 2.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    -webkit-transform: matrix3d(1.991, 0, 0, 0, 0, 2.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.991, 0, 0, 0, 0, 2.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(2.006, 0, 0, 0, 0, 1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.006, 0, 0, 0, 0, 1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.26% {
    -webkit-transform: matrix3d(2.007, 0, 0, 0, 0, 1.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.007, 0, 0, 0, 0, 1.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(2.001, 0, 0, 0, 0, 2.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2.001, 0, 0, 0, 0, 2.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.49% {
    -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.999, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 1.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.999, 0, 0, 0, 0, 1.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes main_title {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 1.081, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.063, 0, 0, 0, 0, 1.081, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    -webkit-transform: matrix3d(1.09, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.09, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    -webkit-transform: matrix3d(1.132, 0, 0, 0, 0, 1.179, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.132, 0, 0, 0, 0, 1.179, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    -webkit-transform: matrix3d(1.177, 0, 0, 0, 0, 1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.177, 0, 0, 0, 0, 1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(1.188, 0, 0, 0, 0, 1.245, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.188, 0, 0, 0, 0, 1.245, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(1.225, 0, 0, 0, 0, 1.266, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.225, 0, 0, 0, 0, 1.266, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    -webkit-transform: matrix3d(1.228, 0, 0, 0, 0, 1.266, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.228, 0, 0, 0, 0, 1.266, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(1.242, 0, 0, 0, 0, 1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.242, 0, 0, 0, 0, 1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    -webkit-transform: matrix3d(1.242, 0, 0, 0, 0, 1.237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.242, 0, 0, 0, 0, 1.237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(1.239, 0, 0, 0, 0, 1.214, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.239, 0, 0, 0, 0, 1.214, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    -webkit-transform: matrix3d(1.23, 0, 0, 0, 0, 1.192, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.23, 0, 0, 0, 0, 1.192, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(1.227, 0, 0, 0, 0, 1.188, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.227, 0, 0, 0, 0, 1.188, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(1.213, 0, 0, 0, 0, 1.179, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.213, 0, 0, 0, 0, 1.179, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    -webkit-transform: matrix3d(1.21, 0, 0, 0, 0, 1.18, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.21, 0, 0, 0, 0, 1.18, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.192, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.196, 0, 0, 0, 0, 1.192, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(1.194, 0, 0, 0, 0, 1.196, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.194, 0, 0, 0, 0, 1.196, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    -webkit-transform: matrix3d(1.192, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.192, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(1.193, 0, 0, 0, 0, 1.206, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.193, 0, 0, 0, 0, 1.206, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    -webkit-transform: matrix3d(1.198, 0, 0, 0, 0, 1.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.198, 0, 0, 0, 0, 1.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(1.201, 0, 0, 0, 0, 1.198, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.201, 0, 0, 0, 0, 1.198, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.26% {
    -webkit-transform: matrix3d(1.201, 0, 0, 0, 0, 1.198, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.201, 0, 0, 0, 0, 1.198, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(1.2, 0, 0, 0, 0, 1.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.2, 0, 0, 0, 0, 1.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.49% {
    -webkit-transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes main_title {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 1.081, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.063, 0, 0, 0, 0, 1.081, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    -webkit-transform: matrix3d(1.09, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.09, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    -webkit-transform: matrix3d(1.132, 0, 0, 0, 0, 1.179, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.132, 0, 0, 0, 0, 1.179, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    -webkit-transform: matrix3d(1.177, 0, 0, 0, 0, 1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.177, 0, 0, 0, 0, 1.234, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(1.188, 0, 0, 0, 0, 1.245, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.188, 0, 0, 0, 0, 1.245, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(1.225, 0, 0, 0, 0, 1.266, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.225, 0, 0, 0, 0, 1.266, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    -webkit-transform: matrix3d(1.228, 0, 0, 0, 0, 1.266, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.228, 0, 0, 0, 0, 1.266, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(1.242, 0, 0, 0, 0, 1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.242, 0, 0, 0, 0, 1.248, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    -webkit-transform: matrix3d(1.242, 0, 0, 0, 0, 1.237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.242, 0, 0, 0, 0, 1.237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(1.239, 0, 0, 0, 0, 1.214, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.239, 0, 0, 0, 0, 1.214, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    -webkit-transform: matrix3d(1.23, 0, 0, 0, 0, 1.192, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.23, 0, 0, 0, 0, 1.192, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(1.227, 0, 0, 0, 0, 1.188, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.227, 0, 0, 0, 0, 1.188, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(1.213, 0, 0, 0, 0, 1.179, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.213, 0, 0, 0, 0, 1.179, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    -webkit-transform: matrix3d(1.21, 0, 0, 0, 0, 1.18, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.21, 0, 0, 0, 0, 1.18, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.192, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.196, 0, 0, 0, 0, 1.192, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(1.194, 0, 0, 0, 0, 1.196, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.194, 0, 0, 0, 0, 1.196, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    -webkit-transform: matrix3d(1.192, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.192, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(1.193, 0, 0, 0, 0, 1.206, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.193, 0, 0, 0, 0, 1.206, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    -webkit-transform: matrix3d(1.198, 0, 0, 0, 0, 1.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.198, 0, 0, 0, 0, 1.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(1.201, 0, 0, 0, 0, 1.198, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.201, 0, 0, 0, 0, 1.198, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.26% {
    -webkit-transform: matrix3d(1.201, 0, 0, 0, 0, 1.198, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.201, 0, 0, 0, 0, 1.198, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(1.2, 0, 0, 0, 0, 1.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.2, 0, 0, 0, 0, 1.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.49% {
    -webkit-transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes title_come_3 {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
  }
  3.2% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
  }
  6.41% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
  }
  9.61% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
  }
  12.71% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
  }
  12.81% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
  }
  18.92% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
  }
  19.22% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
  }
  25.63% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
  }
  31.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
  }
  56.46% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
  }
  65.67% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
  }
  81.48% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes title_come_3 {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
  }
  3.2% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
  }
  6.41% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
  }
  9.61% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
  }
  12.71% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
  }
  12.81% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
  }
  18.92% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
  }
  19.22% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
  }
  25.63% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
  }
  31.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
  }
  56.46% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
  }
  65.67% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
  }
  81.48% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipInX_4 {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
  }
  20% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -30deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -30deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
  }
}
@keyframes flipInX_4 {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
  }
  20% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -30deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -30deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes jellyIn {
  0% {
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    -webkit-transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.26% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.49% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes jellyIn {
  0% {
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    -webkit-transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.26% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.49% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes jellyOut {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(0.684, 0, 0, 0, 0, 0.593, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.684, 0, 0, 0, 0, 0.593, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    -webkit-transform: matrix3d(0.55, 0, 0, 0, 0, 0.401, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.55, 0, 0, 0, 0, 0.401, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    -webkit-transform: matrix3d(0.341, 0, 0, 0, 0, 0.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.341, 0, 0, 0, 0, 0.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    -webkit-transform: matrix3d(0.117, 0, 0, 0, 0, -0.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.117, 0, 0, 0, 0, -0.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(0.058, 0, 0, 0, 0, -0.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.058, 0, 0, 0, 0, -0.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(-0.123, 0, 0, 0, 0, -0.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.123, 0, 0, 0, 0, -0.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    -webkit-transform: matrix3d(-0.141, 0, 0, 0, 0, -0.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.141, 0, 0, 0, 0, -0.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(-0.208, 0, 0, 0, 0, -0.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.208, 0, 0, 0, 0, -0.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    -webkit-transform: matrix3d(-0.212, 0, 0, 0, 0, -0.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.212, 0, 0, 0, 0, -0.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(-0.196, 0, 0, 0, 0, -0.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.196, 0, 0, 0, 0, -0.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    -webkit-transform: matrix3d(-0.151, 0, 0, 0, 0, 0.04, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.151, 0, 0, 0, 0, 0.04, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(-0.134, 0, 0, 0, 0, 0.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.134, 0, 0, 0, 0, 0.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(-0.063, 0, 0, 0, 0, 0.103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.063, 0, 0, 0, 0, 0.103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    -webkit-transform: matrix3d(-0.048, 0, 0, 0, 0, 0.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.048, 0, 0, 0, 0, 0.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    -webkit-transform: matrix3d(0.021, 0, 0, 0, 0, 0.038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.021, 0, 0, 0, 0, 0.038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(0.028, 0, 0, 0, 0, 0.021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.028, 0, 0, 0, 0, 0.021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    -webkit-transform: matrix3d(0.039, 0, 0, 0, 0, -0.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.039, 0, 0, 0, 0, -0.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(0.034, 0, 0, 0, 0, -0.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.034, 0, 0, 0, 0, -0.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    -webkit-transform: matrix3d(0.009, 0, 0, 0, 0, -0.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.009, 0, 0, 0, 0, -0.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(-0.006, 0, 0, 0, 0, 0.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.006, 0, 0, 0, 0, 0.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.26% {
    -webkit-transform: matrix3d(-0.007, 0, 0, 0, 0, 0.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.007, 0, 0, 0, 0, 0.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(-0.001, 0, 0, 0, 0, -0.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.001, 0, 0, 0, 0, -0.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.49% {
    -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.001, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes jellyOut {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(0.684, 0, 0, 0, 0, 0.593, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.684, 0, 0, 0, 0, 0.593, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    -webkit-transform: matrix3d(0.55, 0, 0, 0, 0, 0.401, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.55, 0, 0, 0, 0, 0.401, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    -webkit-transform: matrix3d(0.341, 0, 0, 0, 0, 0.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.341, 0, 0, 0, 0, 0.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    -webkit-transform: matrix3d(0.117, 0, 0, 0, 0, -0.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.117, 0, 0, 0, 0, -0.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(0.058, 0, 0, 0, 0, -0.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.058, 0, 0, 0, 0, -0.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(-0.123, 0, 0, 0, 0, -0.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.123, 0, 0, 0, 0, -0.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    -webkit-transform: matrix3d(-0.141, 0, 0, 0, 0, -0.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.141, 0, 0, 0, 0, -0.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(-0.208, 0, 0, 0, 0, -0.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.208, 0, 0, 0, 0, -0.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    -webkit-transform: matrix3d(-0.212, 0, 0, 0, 0, -0.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.212, 0, 0, 0, 0, -0.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(-0.196, 0, 0, 0, 0, -0.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.196, 0, 0, 0, 0, -0.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    -webkit-transform: matrix3d(-0.151, 0, 0, 0, 0, 0.04, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.151, 0, 0, 0, 0, 0.04, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(-0.134, 0, 0, 0, 0, 0.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.134, 0, 0, 0, 0, 0.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(-0.063, 0, 0, 0, 0, 0.103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.063, 0, 0, 0, 0, 0.103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    -webkit-transform: matrix3d(-0.048, 0, 0, 0, 0, 0.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.048, 0, 0, 0, 0, 0.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    -webkit-transform: matrix3d(0.021, 0, 0, 0, 0, 0.038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.021, 0, 0, 0, 0, 0.038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(0.028, 0, 0, 0, 0, 0.021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.028, 0, 0, 0, 0, 0.021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    -webkit-transform: matrix3d(0.039, 0, 0, 0, 0, -0.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.039, 0, 0, 0, 0, -0.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(0.034, 0, 0, 0, 0, -0.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.034, 0, 0, 0, 0, -0.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    -webkit-transform: matrix3d(0.009, 0, 0, 0, 0, -0.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.009, 0, 0, 0, 0, -0.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(-0.006, 0, 0, 0, 0, 0.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.006, 0, 0, 0, 0, 0.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.26% {
    -webkit-transform: matrix3d(-0.007, 0, 0, 0, 0, 0.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.007, 0, 0, 0, 0, 0.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(-0.001, 0, 0, 0, 0, -0.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(-0.001, 0, 0, 0, 0, -0.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.49% {
    -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.001, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.001, 0, 0, 0, 0, 0.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes sloganCome {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
  }
  1.14% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
  }
  2.29% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
  }
  3.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
  }
  4.54% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
  }
  4.58% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
  }
  6.76% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
  }
  6.86% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
  }
  9.01% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
  }
  9.15% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
  }
  11.23% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
  }
  20.16% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
  }
  23.45% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
  }
  28.47% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
  }
  28.57% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
  }
  29.1% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.992, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.992, 0, 1);
  }
  29.86% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -15.312, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -15.312, 0, 1);
  }
  31.15% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -19.275, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -19.275, 0, 1);
  }
  32.75% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1);
  }
  34.33% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1);
  }
  35.71% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.058, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.058, 0, 1);
  }
  35.94% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1);
  }
  37.51% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1);
  }
  40.08% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1);
  }
  46.45% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
  }
}
@keyframes sloganCome {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
  }
  1.14% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
  }
  2.29% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
  }
  3.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
  }
  4.54% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
  }
  4.58% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
  }
  6.76% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
  }
  6.86% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
  }
  9.01% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
  }
  9.15% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
  }
  11.23% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
  }
  20.16% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
  }
  23.45% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
  }
  28.47% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
  }
  28.57% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
  }
  29.1% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.992, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.992, 0, 1);
  }
  29.86% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -15.312, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -15.312, 0, 1);
  }
  31.15% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -19.275, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -19.275, 0, 1);
  }
  32.75% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1);
  }
  34.33% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1);
  }
  35.71% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.058, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.058, 0, 1);
  }
  35.94% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1);
  }
  37.51% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1);
  }
  40.08% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1);
  }
  46.45% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
  }
}
@-webkit-keyframes sloganLeave {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
  }
  0.38% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.96% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
  }
  7.4% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
  }
  7.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
  }
  9.04% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.19% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.41, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.41, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.29% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.29% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.57% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.704, 1, 0, 0, 0, 0, 1, 0, 218.852, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.704, 1, 0, 0, 0, 0, 1, 0, 218.852, 0, 0, 1);
  }
  10.82% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.747, 1, 0, 0, 0, 0, 1, 0, 257.135, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.747, 1, 0, 0, 0, 0, 1, 0, 257.135, 0, 0, 1);
  }
  12.11% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.903, 1, 0, 0, 0, 0, 1, 0, 416.676, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.903, 1, 0, 0, 0, 0, 1, 0, 416.676, 0, 0, 1);
  }
  12.36% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.921, 1, 0, 0, 0, 0, 1, 0, 439.293, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.921, 1, 0, 0, 0, 0, 1, 0, 439.293, 0, 0, 1);
  }
  13.65% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.957, 1, 0, 0, 0, 0, 1, 0, 517.583, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.957, 1, 0, 0, 0, 0, 1, 0, 517.583, 0, 0, 1);
  }
  13.9% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.956, 1, 0, 0, 0, 0, 1, 0, 526.138, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.956, 1, 0, 0, 0, 0, 1, 0, 526.138, 0, 0, 1);
  }
  15.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.922, 1, 0, 0, 0, 0, 1, 0, 546.667, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.922, 1, 0, 0, 0, 0, 1, 0, 546.667, 0, 0, 1);
  }
  17.62% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.864, 1, 0, 0, 0, 0, 1, 0, 528.816, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.864, 1, 0, 0, 0, 0, 1, 0, 528.816, 0, 0, 1);
  }
  19.4% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 510.313, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 510.313, 0, 0, 1);
  }
  21.59% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 498.826, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 498.826, 0, 0, 1);
  }
  23.37% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.834, 1, 0, 0, 0, 0, 1, 0, 496.885, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.834, 1, 0, 0, 0, 0, 1, 0, 496.885, 0, 0, 1);
  }
  29.52% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 500.078, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 500.078, 0, 0, 1);
  }
  31.31% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 500.208, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 500.208, 0, 0, 1);
  }
  37.49% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.994, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.994, 0, 0, 1);
  }
  39.28% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.986, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.986, 0, 0, 1);
  }
  43.21% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.997, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.997, 0, 0, 1);
  }
  100% {
    -webkit-transform: translate3d(100rem, 0, 0);
            transform: translate3d(100rem, 0, 0);
  }
}
@keyframes sloganLeave {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
  }
  0.38% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.96% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
  }
  7.4% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
  }
  7.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
  }
  9.04% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.19% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.41, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.41, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.29% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.29% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.57% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.704, 1, 0, 0, 0, 0, 1, 0, 218.852, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.704, 1, 0, 0, 0, 0, 1, 0, 218.852, 0, 0, 1);
  }
  10.82% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.747, 1, 0, 0, 0, 0, 1, 0, 257.135, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.747, 1, 0, 0, 0, 0, 1, 0, 257.135, 0, 0, 1);
  }
  12.11% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.903, 1, 0, 0, 0, 0, 1, 0, 416.676, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.903, 1, 0, 0, 0, 0, 1, 0, 416.676, 0, 0, 1);
  }
  12.36% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.921, 1, 0, 0, 0, 0, 1, 0, 439.293, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.921, 1, 0, 0, 0, 0, 1, 0, 439.293, 0, 0, 1);
  }
  13.65% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.957, 1, 0, 0, 0, 0, 1, 0, 517.583, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.957, 1, 0, 0, 0, 0, 1, 0, 517.583, 0, 0, 1);
  }
  13.9% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.956, 1, 0, 0, 0, 0, 1, 0, 526.138, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.956, 1, 0, 0, 0, 0, 1, 0, 526.138, 0, 0, 1);
  }
  15.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.922, 1, 0, 0, 0, 0, 1, 0, 546.667, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.922, 1, 0, 0, 0, 0, 1, 0, 546.667, 0, 0, 1);
  }
  17.62% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.864, 1, 0, 0, 0, 0, 1, 0, 528.816, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.864, 1, 0, 0, 0, 0, 1, 0, 528.816, 0, 0, 1);
  }
  19.4% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 510.313, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 510.313, 0, 0, 1);
  }
  21.59% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 498.826, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 498.826, 0, 0, 1);
  }
  23.37% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.834, 1, 0, 0, 0, 0, 1, 0, 496.885, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.834, 1, 0, 0, 0, 0, 1, 0, 496.885, 0, 0, 1);
  }
  29.52% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 500.078, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 500.078, 0, 0, 1);
  }
  31.31% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 500.208, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 500.208, 0, 0, 1);
  }
  37.49% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.994, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.994, 0, 0, 1);
  }
  39.28% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.986, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.986, 0, 0, 1);
  }
  43.21% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.997, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.997, 0, 0, 1);
  }
  100% {
    -webkit-transform: translate3d(100rem, 0, 0);
            transform: translate3d(100rem, 0, 0);
  }
}
@-webkit-keyframes shake-slow {
  2% {
    -webkit-transform: translate(8px, -5px) rotate(0.5deg);
            transform: translate(8px, -5px) rotate(0.5deg);
  }
  4% {
    -webkit-transform: translate(1px, -5px) rotate(1.5deg);
            transform: translate(1px, -5px) rotate(1.5deg);
  }
  6% {
    -webkit-transform: translate(2px, -9px) rotate(-1.5deg);
            transform: translate(2px, -9px) rotate(-1.5deg);
  }
  8% {
    -webkit-transform: translate(1px, 1px) rotate(1.5deg);
            transform: translate(1px, 1px) rotate(1.5deg);
  }
  10% {
    -webkit-transform: translate(3px, -9px) rotate(2.5deg);
            transform: translate(3px, -9px) rotate(2.5deg);
  }
  12% {
    -webkit-transform: translate(4px, -1px) rotate(1.5deg);
            transform: translate(4px, -1px) rotate(1.5deg);
  }
  14% {
    -webkit-transform: translate(10px, -7px) rotate(3.5deg);
            transform: translate(10px, -7px) rotate(3.5deg);
  }
  16% {
    -webkit-transform: translate(-1px, -4px) rotate(-1.5deg);
            transform: translate(-1px, -4px) rotate(-1.5deg);
  }
  18% {
    -webkit-transform: translate(3px, -5px) rotate(1.5deg);
            transform: translate(3px, -5px) rotate(1.5deg);
  }
  20% {
    -webkit-transform: translate(-8px, -7px) rotate(-0.5deg);
            transform: translate(-8px, -7px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(-5px, 9px) rotate(1.5deg);
            transform: translate(-5px, 9px) rotate(1.5deg);
  }
  24% {
    -webkit-transform: translate(4px, -3px) rotate(0.5deg);
            transform: translate(4px, -3px) rotate(0.5deg);
  }
  26% {
    -webkit-transform: translate(9px, 4px) rotate(-0.5deg);
            transform: translate(9px, 4px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(9px, 5px) rotate(-0.5deg);
            transform: translate(9px, 5px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(7px, -3px) rotate(-2.5deg);
            transform: translate(7px, -3px) rotate(-2.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 8px) rotate(1.5deg);
            transform: translate(-1px, 8px) rotate(1.5deg);
  }
  34% {
    -webkit-transform: translate(-6px, 2px) rotate(-1.5deg);
            transform: translate(-6px, 2px) rotate(-1.5deg);
  }
  36% {
    -webkit-transform: translate(-6px, 6px) rotate(-1.5deg);
            transform: translate(-6px, 6px) rotate(-1.5deg);
  }
  38% {
    -webkit-transform: translate(0px, 6px) rotate(1.5deg);
            transform: translate(0px, 6px) rotate(1.5deg);
  }
  40% {
    -webkit-transform: translate(-4px, -9px) rotate(-2.5deg);
            transform: translate(-4px, -9px) rotate(-2.5deg);
  }
  42% {
    -webkit-transform: translate(0px, -2px) rotate(-0.5deg);
            transform: translate(0px, -2px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(10px, -4px) rotate(2.5deg);
            transform: translate(10px, -4px) rotate(2.5deg);
  }
  46% {
    -webkit-transform: translate(-3px, 8px) rotate(3.5deg);
            transform: translate(-3px, 8px) rotate(3.5deg);
  }
  48% {
    -webkit-transform: translate(2px, -8px) rotate(0.5deg);
            transform: translate(2px, -8px) rotate(0.5deg);
  }
  50% {
    -webkit-transform: translate(4px, -6px) rotate(2.5deg);
            transform: translate(4px, -6px) rotate(2.5deg);
  }
  52% {
    -webkit-transform: translate(0px, -8px) rotate(-2.5deg);
            transform: translate(0px, -8px) rotate(-2.5deg);
  }
  54% {
    -webkit-transform: translate(-4px, 2px) rotate(1.5deg);
            transform: translate(-4px, 2px) rotate(1.5deg);
  }
  56% {
    -webkit-transform: translate(-9px, -7px) rotate(2.5deg);
            transform: translate(-9px, -7px) rotate(2.5deg);
  }
  58% {
    -webkit-transform: translate(-7px, 9px) rotate(3.5deg);
            transform: translate(-7px, 9px) rotate(3.5deg);
  }
  60% {
    -webkit-transform: translate(0px, -9px) rotate(3.5deg);
            transform: translate(0px, -9px) rotate(3.5deg);
  }
  62% {
    -webkit-transform: translate(-2px, -1px) rotate(3.5deg);
            transform: translate(-2px, -1px) rotate(3.5deg);
  }
  64% {
    -webkit-transform: translate(1px, 4px) rotate(3.5deg);
            transform: translate(1px, 4px) rotate(3.5deg);
  }
  66% {
    -webkit-transform: translate(-3px, -9px) rotate(3.5deg);
            transform: translate(-3px, -9px) rotate(3.5deg);
  }
  68% {
    -webkit-transform: translate(-5px, 0px) rotate(2.5deg);
            transform: translate(-5px, 0px) rotate(2.5deg);
  }
  70% {
    -webkit-transform: translate(2px, 3px) rotate(-1.5deg);
            transform: translate(2px, 3px) rotate(-1.5deg);
  }
  72% {
    -webkit-transform: translate(-6px, -9px) rotate(1.5deg);
            transform: translate(-6px, -9px) rotate(1.5deg);
  }
  74% {
    -webkit-transform: translate(8px, -3px) rotate(-1.5deg);
            transform: translate(8px, -3px) rotate(-1.5deg);
  }
  76% {
    -webkit-transform: translate(7px, 1px) rotate(2.5deg);
            transform: translate(7px, 1px) rotate(2.5deg);
  }
  78% {
    -webkit-transform: translate(-9px, -6px) rotate(-1.5deg);
            transform: translate(-9px, -6px) rotate(-1.5deg);
  }
  80% {
    -webkit-transform: translate(3px, 3px) rotate(-2.5deg);
            transform: translate(3px, 3px) rotate(-2.5deg);
  }
  82% {
    -webkit-transform: translate(7px, 10px) rotate(-1.5deg);
            transform: translate(7px, 10px) rotate(-1.5deg);
  }
  84% {
    -webkit-transform: translate(-5px, -6px) rotate(-0.5deg);
            transform: translate(-5px, -6px) rotate(-0.5deg);
  }
  86% {
    -webkit-transform: translate(4px, -1px) rotate(-1.5deg);
            transform: translate(4px, -1px) rotate(-1.5deg);
  }
  88% {
    -webkit-transform: translate(-2px, -8px) rotate(-2.5deg);
            transform: translate(-2px, -8px) rotate(-2.5deg);
  }
  90% {
    -webkit-transform: translate(-2px, 1px) rotate(-0.5deg);
            transform: translate(-2px, 1px) rotate(-0.5deg);
  }
  92% {
    -webkit-transform: translate(-7px, -5px) rotate(-1.5deg);
            transform: translate(-7px, -5px) rotate(-1.5deg);
  }
  94% {
    -webkit-transform: translate(3px, -4px) rotate(-1.5deg);
            transform: translate(3px, -4px) rotate(-1.5deg);
  }
  96% {
    -webkit-transform: translate(-6px, 5px) rotate(-0.5deg);
            transform: translate(-6px, 5px) rotate(-0.5deg);
  }
  98% {
    -webkit-transform: translate(-6px, -7px) rotate(-1.5deg);
            transform: translate(-6px, -7px) rotate(-1.5deg);
  }
  0%, 100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes shake-slow {
  2% {
    -webkit-transform: translate(8px, -5px) rotate(0.5deg);
            transform: translate(8px, -5px) rotate(0.5deg);
  }
  4% {
    -webkit-transform: translate(1px, -5px) rotate(1.5deg);
            transform: translate(1px, -5px) rotate(1.5deg);
  }
  6% {
    -webkit-transform: translate(2px, -9px) rotate(-1.5deg);
            transform: translate(2px, -9px) rotate(-1.5deg);
  }
  8% {
    -webkit-transform: translate(1px, 1px) rotate(1.5deg);
            transform: translate(1px, 1px) rotate(1.5deg);
  }
  10% {
    -webkit-transform: translate(3px, -9px) rotate(2.5deg);
            transform: translate(3px, -9px) rotate(2.5deg);
  }
  12% {
    -webkit-transform: translate(4px, -1px) rotate(1.5deg);
            transform: translate(4px, -1px) rotate(1.5deg);
  }
  14% {
    -webkit-transform: translate(10px, -7px) rotate(3.5deg);
            transform: translate(10px, -7px) rotate(3.5deg);
  }
  16% {
    -webkit-transform: translate(-1px, -4px) rotate(-1.5deg);
            transform: translate(-1px, -4px) rotate(-1.5deg);
  }
  18% {
    -webkit-transform: translate(3px, -5px) rotate(1.5deg);
            transform: translate(3px, -5px) rotate(1.5deg);
  }
  20% {
    -webkit-transform: translate(-8px, -7px) rotate(-0.5deg);
            transform: translate(-8px, -7px) rotate(-0.5deg);
  }
  22% {
    -webkit-transform: translate(-5px, 9px) rotate(1.5deg);
            transform: translate(-5px, 9px) rotate(1.5deg);
  }
  24% {
    -webkit-transform: translate(4px, -3px) rotate(0.5deg);
            transform: translate(4px, -3px) rotate(0.5deg);
  }
  26% {
    -webkit-transform: translate(9px, 4px) rotate(-0.5deg);
            transform: translate(9px, 4px) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(9px, 5px) rotate(-0.5deg);
            transform: translate(9px, 5px) rotate(-0.5deg);
  }
  30% {
    -webkit-transform: translate(7px, -3px) rotate(-2.5deg);
            transform: translate(7px, -3px) rotate(-2.5deg);
  }
  32% {
    -webkit-transform: translate(-1px, 8px) rotate(1.5deg);
            transform: translate(-1px, 8px) rotate(1.5deg);
  }
  34% {
    -webkit-transform: translate(-6px, 2px) rotate(-1.5deg);
            transform: translate(-6px, 2px) rotate(-1.5deg);
  }
  36% {
    -webkit-transform: translate(-6px, 6px) rotate(-1.5deg);
            transform: translate(-6px, 6px) rotate(-1.5deg);
  }
  38% {
    -webkit-transform: translate(0px, 6px) rotate(1.5deg);
            transform: translate(0px, 6px) rotate(1.5deg);
  }
  40% {
    -webkit-transform: translate(-4px, -9px) rotate(-2.5deg);
            transform: translate(-4px, -9px) rotate(-2.5deg);
  }
  42% {
    -webkit-transform: translate(0px, -2px) rotate(-0.5deg);
            transform: translate(0px, -2px) rotate(-0.5deg);
  }
  44% {
    -webkit-transform: translate(10px, -4px) rotate(2.5deg);
            transform: translate(10px, -4px) rotate(2.5deg);
  }
  46% {
    -webkit-transform: translate(-3px, 8px) rotate(3.5deg);
            transform: translate(-3px, 8px) rotate(3.5deg);
  }
  48% {
    -webkit-transform: translate(2px, -8px) rotate(0.5deg);
            transform: translate(2px, -8px) rotate(0.5deg);
  }
  50% {
    -webkit-transform: translate(4px, -6px) rotate(2.5deg);
            transform: translate(4px, -6px) rotate(2.5deg);
  }
  52% {
    -webkit-transform: translate(0px, -8px) rotate(-2.5deg);
            transform: translate(0px, -8px) rotate(-2.5deg);
  }
  54% {
    -webkit-transform: translate(-4px, 2px) rotate(1.5deg);
            transform: translate(-4px, 2px) rotate(1.5deg);
  }
  56% {
    -webkit-transform: translate(-9px, -7px) rotate(2.5deg);
            transform: translate(-9px, -7px) rotate(2.5deg);
  }
  58% {
    -webkit-transform: translate(-7px, 9px) rotate(3.5deg);
            transform: translate(-7px, 9px) rotate(3.5deg);
  }
  60% {
    -webkit-transform: translate(0px, -9px) rotate(3.5deg);
            transform: translate(0px, -9px) rotate(3.5deg);
  }
  62% {
    -webkit-transform: translate(-2px, -1px) rotate(3.5deg);
            transform: translate(-2px, -1px) rotate(3.5deg);
  }
  64% {
    -webkit-transform: translate(1px, 4px) rotate(3.5deg);
            transform: translate(1px, 4px) rotate(3.5deg);
  }
  66% {
    -webkit-transform: translate(-3px, -9px) rotate(3.5deg);
            transform: translate(-3px, -9px) rotate(3.5deg);
  }
  68% {
    -webkit-transform: translate(-5px, 0px) rotate(2.5deg);
            transform: translate(-5px, 0px) rotate(2.5deg);
  }
  70% {
    -webkit-transform: translate(2px, 3px) rotate(-1.5deg);
            transform: translate(2px, 3px) rotate(-1.5deg);
  }
  72% {
    -webkit-transform: translate(-6px, -9px) rotate(1.5deg);
            transform: translate(-6px, -9px) rotate(1.5deg);
  }
  74% {
    -webkit-transform: translate(8px, -3px) rotate(-1.5deg);
            transform: translate(8px, -3px) rotate(-1.5deg);
  }
  76% {
    -webkit-transform: translate(7px, 1px) rotate(2.5deg);
            transform: translate(7px, 1px) rotate(2.5deg);
  }
  78% {
    -webkit-transform: translate(-9px, -6px) rotate(-1.5deg);
            transform: translate(-9px, -6px) rotate(-1.5deg);
  }
  80% {
    -webkit-transform: translate(3px, 3px) rotate(-2.5deg);
            transform: translate(3px, 3px) rotate(-2.5deg);
  }
  82% {
    -webkit-transform: translate(7px, 10px) rotate(-1.5deg);
            transform: translate(7px, 10px) rotate(-1.5deg);
  }
  84% {
    -webkit-transform: translate(-5px, -6px) rotate(-0.5deg);
            transform: translate(-5px, -6px) rotate(-0.5deg);
  }
  86% {
    -webkit-transform: translate(4px, -1px) rotate(-1.5deg);
            transform: translate(4px, -1px) rotate(-1.5deg);
  }
  88% {
    -webkit-transform: translate(-2px, -8px) rotate(-2.5deg);
            transform: translate(-2px, -8px) rotate(-2.5deg);
  }
  90% {
    -webkit-transform: translate(-2px, 1px) rotate(-0.5deg);
            transform: translate(-2px, 1px) rotate(-0.5deg);
  }
  92% {
    -webkit-transform: translate(-7px, -5px) rotate(-1.5deg);
            transform: translate(-7px, -5px) rotate(-1.5deg);
  }
  94% {
    -webkit-transform: translate(3px, -4px) rotate(-1.5deg);
            transform: translate(3px, -4px) rotate(-1.5deg);
  }
  96% {
    -webkit-transform: translate(-6px, 5px) rotate(-0.5deg);
            transform: translate(-6px, 5px) rotate(-0.5deg);
  }
  98% {
    -webkit-transform: translate(-6px, -7px) rotate(-1.5deg);
            transform: translate(-6px, -7px) rotate(-1.5deg);
  }
  0%, 100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@-webkit-keyframes shake-little {
  2% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  4% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  6% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  8% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  10% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  12% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  14% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  16%, 18% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  20% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  22%, 24% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  26% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  28% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  30% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  32% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  34%, 36% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  38% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  40% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  42% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  44% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  46% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  48% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  52% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  54% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  56% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  58% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  60%, 62% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  64% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  66% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  68% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  70% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  72% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  74%, 76%, 78% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  80% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  82%, 84% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  86% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  88%, 90% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  92% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  94% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  96%, 98% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  0%, to {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes shake-little {
  2% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  4% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  6% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  8% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  10% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  12% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  14% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  16%, 18% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  20% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  22%, 24% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  26% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  28% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  30% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  32% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  34%, 36% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  38% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  40% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  42% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  44% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  46% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  48% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  52% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  54% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  56% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  58% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  60%, 62% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  64% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  66% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  68% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  70% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  72% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  74%, 76%, 78% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  80% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  82%, 84% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  86% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  88%, 90% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  92% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  94% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  96%, 98% {
    -webkit-transform: translate(0, 1px) rotate(0.5deg);
            transform: translate(0, 1px) rotate(0.5deg);
  }
  0%, to {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipInY_2 {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY_2 {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes subTitleComeR {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1);
  }
  3.2% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, 282.728, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, 282.728, 0, 0, 1);
  }
  6.41% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, 149.309, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, 149.309, 0, 0, 1);
  }
  9.61% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, 72.484, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, 72.484, 0, 0, 1);
  }
  12.71% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, 31.997, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, 31.997, 0, 0, 1);
  }
  12.81% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, 31.079, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, 31.079, 0, 0, 1);
  }
  18.92% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, 1.766, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, 1.766, 0, 0, 1);
  }
  19.22% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, 1.214, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, 1.214, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, -2.88, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, -2.88, 0, 0, 1);
  }
  25.63% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, -2.886, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, -2.886, 0, 0, 1);
  }
  31.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, -1.99, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, -1.99, 0, 0, 1);
  }
  56.46% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, -0.01, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, -0.01, 0, 0, 1);
  }
  65.67% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, 0.003, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, 0.003, 0, 0, 1);
  }
  81.48% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes subTitleComeR {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1);
  }
  3.2% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, 282.728, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, 282.728, 0, 0, 1);
  }
  6.41% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, 149.309, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, 149.309, 0, 0, 1);
  }
  9.61% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, 72.484, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, 72.484, 0, 0, 1);
  }
  12.71% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, 31.997, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, 31.997, 0, 0, 1);
  }
  12.81% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, 31.079, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, 31.079, 0, 0, 1);
  }
  18.92% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, 1.766, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, 1.766, 0, 0, 1);
  }
  19.22% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, 1.214, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, 1.214, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, -2.88, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, -2.88, 0, 0, 1);
  }
  25.63% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, -2.886, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, -2.886, 0, 0, 1);
  }
  31.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, -1.99, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, -1.99, 0, 0, 1);
  }
  56.46% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, -0.01, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, -0.01, 0, 0, 1);
  }
  65.67% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, 0.003, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, 0.003, 0, 0, 1);
  }
  81.48% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#app .section:nth-child(1).active .container {
  opacity: 1;
}
#app .section:nth-child(1) .container {
  opacity: 0;
  position: relative;
  transition: 0.7s ease;
  top: 13rem;
}
#app .section:nth-child(1) .container .brand {
  position: relative;
  z-index: 10;
  top: -2rem;
}
#app .section:nth-child(1) .container .brand .logo img {
  height: 12rem;
  width: auto;
}
#app .section:nth-child(1) .container .brand .slogan {
  opacity: 0;
  color: #333;
  display: inline-block;
  background-position: left center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: all 0.7s;
  margin: 1.5rem 0 1.2rem;
}
#app .section:nth-child(1) .container .brand .slogan img {
  height: 3.5rem;
  width: auto;
}
#app .section:nth-child(1) .container .button {
  position: relative;
  cursor: pointer;
  font-size: 1.6rem;
  opacity: 0;
  transition: all 1s;
  height: 4rem;
  width: 15rem;
  line-height: 4rem;
  text-align: center;
  color: #fff;
  border-radius: 0.5rem;
  background: #fc556c;
  display: inline-block;
  position: relative;
  z-index: 10;
}
#app .section:nth-child(1) .container .button .downLink {
  color: #fff;
  text-decoration: none;
}
#app .section:nth-child(1) .container .button .downLink span {
  font-size: 1.4rem;
}
#app .section:nth-child(1) .container .button .downLink i {
  height: 15rem;
  width: 15rem;
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  margin-left: -7.5rem;
  margin-top: -7.5rem;
  border-radius: 50%;
  background: #fff;
  opacity: 0.1;
  -webkit-animation: wave 1500ms ease-in infinite;
          animation: wave 1500ms ease-in infinite;
}
#app .section:nth-child(1) .container .button .QRCode {
  position: absolute;
  display: inline-block;
  text-align: center;
  width: 100%;
  display: none;
}
#app .section:nth-child(1) .container .button .QRCode img {
  border-radius: 10px;
  position: relative;
  top: -0.1rem;
  left: -0.1rem;
  display: inline-block;
  width: 110%;
  height: auto;
}
#app .section:nth-child(1) .container .production {
  height: 14rem;
  width: 14rem;
  line-height: 15rem;
  text-align: center;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: 0.24s 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -14.5rem;
  margin-left: -7rem;
}
#app .section:nth-child(1) .container .production .menu {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: -8rem;
  left: -8rem;
  border: 15rem solid rgba(255,255,255,0);
  cursor: default;
  border-radius: 50%;
  -webkit-transform: scale(0) rotate(0);
          transform: scale(0) rotate(0);
  opacity: 0;
  transition: opacity 1s ease, -webkit-transform 1s cubic-bezier(0.78, 0.14, 0.55, 0.85);
  transition: transform 1s cubic-bezier(0.78, 0.14, 0.55, 0.85), opacity 1s ease;
  transition: transform 1s cubic-bezier(0.78, 0.14, 0.55, 0.85), opacity 1s ease, -webkit-transform 1s cubic-bezier(0.78, 0.14, 0.55, 0.85);
  z-index: -10;
}
#app .section:nth-child(1) .container .production .menu li {
  background: rgba(0,0,0,0.1);
  position: absolute;
  top: -11rem;
  left: -11rem;
  -webkit-transform-origin: 11rem 11rem;
          transform-origin: 11rem 11rem;
  transition: all 0.3s 0.1s;
}
#app .section:nth-child(1) .container .production .menu li a {
  width: 5.5rem;
  height: 5.5rem;
  position: absolute;
  transition: 0.6s;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#app .section:nth-child(1) .container .production .menu li:nth-child(1) a {
  background-image: url(images/production_1.png);
}
#app .section:nth-child(1) .container .production .menu li:nth-child(2) a {
  background-image: url(images/production_2.png);
}
#app .section:nth-child(1) .container .production .menu li:nth-child(3) a {
  background-image: url(images/production_3.png);
}
#app .section:nth-child(1) .container .production .menu li:nth-child(4) a {
  background-image: url(images/production_4.png);
}
#app .section:nth-child(1) .container .production .menu li:nth-child(5) a {
  background-image: url(images/production_5.png);
}
#app .section:nth-child(1) .container .production .menu li:nth-child(6) a {
  background-image: url(images/production_6.png);
}
#app .section:nth-child(1) .container .production .menu li:nth-child(7) a {
  background-image: url(images/production_7.png);
}
#app .section:nth-child(1) .container .production .menu li:nth-child(8) a {
  background-image: url(images/production_8.png);
}
#app .section:nth-child(1) .container .production .menu li:nth-child(9) a {
  background-image: url(images/production_9.png);
}
#app .section:nth-child(1) .container .production.active .menu {
  opacity: 1;
  -webkit-transform: scale(1) rotate(180deg);
          transform: scale(1) rotate(180deg);
}
#app .section:nth-child(1) .container .production.active .menu li {
  transition: all 0.6s;
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(1) {
  transition-delay: 0.02s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(1) a {
  transition-delay: 0.04s;
  -webkit-transform: rotate(540deg);
          transform: rotate(540deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(2) {
  transition-delay: 0.04s;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(2) a {
  transition-delay: 0.08s;
  -webkit-transform: rotate(500deg);
          transform: rotate(500deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(3) {
  transition-delay: 0.06s;
  -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(3) a {
  transition-delay: 0.12s;
  -webkit-transform: rotate(460deg);
          transform: rotate(460deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(4) {
  transition-delay: 0.08s;
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(4) a {
  transition-delay: 0.16s;
  -webkit-transform: rotate(420deg);
          transform: rotate(420deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(5) {
  transition-delay: 0.1s;
  -webkit-transform: rotate(160deg);
          transform: rotate(160deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(5) a {
  transition-delay: 0.2s;
  -webkit-transform: rotate(380deg);
          transform: rotate(380deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(6) {
  transition-delay: 0.12s;
  -webkit-transform: rotate(200deg);
          transform: rotate(200deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(6) a {
  transition-delay: 0.24s;
  -webkit-transform: rotate(340deg);
          transform: rotate(340deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(7) {
  transition-delay: 0.14s;
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(7) a {
  transition-delay: 0.28s;
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(8) {
  transition-delay: 0.16s;
  -webkit-transform: rotate(280deg);
          transform: rotate(280deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(8) a {
  transition-delay: 0.32s;
  -webkit-transform: rotate(260deg);
          transform: rotate(260deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(9) {
  transition-delay: 0.18s;
  -webkit-transform: rotate(320deg);
          transform: rotate(320deg);
}
#app .section:nth-child(1) .container .production.active .menu li:nth-child(9) a {
  transition-delay: 0.36s;
  -webkit-transform: rotate(220deg);
          transform: rotate(220deg);
}
#app .section:nth-child(2) .container {
  transition: 1s linear;
  opacity: 0;
}
#app .section:nth-child(2) .container .title {
  text-align: center;
  position: relative;
  top: 3.5rem;
  margin: 0;
  padding: 0;
}
#app .section:nth-child(2) .container .title.active h1 {
  -webkit-animation: main_title 1s linear both;
          animation: main_title 1s linear both;
}
#app .section:nth-child(2) .container .title.active h1:before,
#app .section:nth-child(2) .container .title.active h1:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
#app .section:nth-child(2) .container .title.active ul li:nth-child(2):before,
#app .section:nth-child(2) .container .title.active ul li:nth-child(2):after {
  width: 0.1rem;
  -webkit-transform: scale(1) rotate(15deg);
          transform: scale(1) rotate(15deg);
}
#app .section:nth-child(2) .container .title h1 {
  transition: opacity 2s ease;
  opacity: 0;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  color: #fc556c;
}
#app .section:nth-child(2) .container .title h1:before,
#app .section:nth-child(2) .container .title h1:after {
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(0);
          transform: scale(0);
  content: '';
  top: -3rem;
  position: absolute;
  display: inline-block;
  height: 6rem;
  width: 3rem;
  background-image: url();
  background-repeat: no-repeat;
  background-position: center center;
}
#app .section:nth-child(2) .container .title h1:before {
  left: -2rem;
}
#app .section:nth-child(2) .container .title h1:after {
  top: -2.7rem;
  background-image: url();
  right: -1rem;
}
#app .section:nth-child(2) .container .title ul {
  margin: 1rem 0 0rem;
  text-align: center;
  padding: 0;
}
#app .section:nth-child(2) .container .title ul li {
  font-size: 1.5rem;
  display: inline-block;
  margin: 0 0.3rem;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  opacity: 0;
  color: #666;
}
#app .section:nth-child(2) .container .title ul li:nth-child(2):after,
#app .section:nth-child(2) .container .title ul li:nth-child(2):before {
  content: '';
  height: 1.5rem;
  width: 0rem;
  -webkit-transform: scale(0) rotate(0deg);
          transform: scale(0) rotate(0deg);
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  background: #fc556c;
  display: inline-block;
  position: relative;
  top: 0.2rem;
  left: -0.4rem;
}
#app .section:nth-child(2) .container .title ul li:nth-child(2):after {
  left: 0.5rem;
}
#app .section:nth-child(2) .container .title ul li.active {
  opacity: 1;
  -webkit-animation: subTitleComeR 1000ms linear both;
          animation: subTitleComeR 1000ms linear both;
}
#app .section:nth-child(2).active .container {
  opacity: 1;
}
#app .section:nth-child(2).active .container .title h1 {
  opacity: 1;
}
#app .section:nth-child(3) .container {
  transition: 1s ease;
}
#app .section:nth-child(3) .container .title {
  text-align: center;
  position: relative;
  top: 3.5rem;
  margin: 0;
  padding: 0;
}
#app .section:nth-child(3) .container .title.active h1 {
  -webkit-animation: main_title 1s linear both;
          animation: main_title 1s linear both;
}
#app .section:nth-child(3) .container .title.active h1:before,
#app .section:nth-child(3) .container .title.active h1:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
#app .section:nth-child(3) .container .title.active ul li:nth-child(2):before,
#app .section:nth-child(3) .container .title.active ul li:nth-child(2):after {
  width: 0.1rem;
  -webkit-transform: scale(1) rotate(15deg);
          transform: scale(1) rotate(15deg);
}
#app .section:nth-child(3) .container .title h1 {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  color: #fc556c;
}
#app .section:nth-child(3) .container .title h1:before,
#app .section:nth-child(3) .container .title h1:after {
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(0);
          transform: scale(0);
  content: '';
  top: -3rem;
  position: absolute;
  display: inline-block;
  height: 6rem;
  width: 3rem;
  background-image: url();
  background-repeat: no-repeat;
  background-position: center center;
}
#app .section:nth-child(3) .container .title h1:before {
  left: -2rem;
}
#app .section:nth-child(3) .container .title h1:after {
  top: -2.7rem;
  background-image: url();
  right: -1rem;
}
#app .section:nth-child(3) .container .title ul {
  margin: 1rem 0 0rem;
  text-align: center;
  padding: 0;
}
#app .section:nth-child(3) .container .title ul li {
  font-size: 1.5rem;
  font-weight: light;
  display: inline-block;
  margin: 0 0.3rem;
  color: #666;
  opacity: 0;
}
#app .section:nth-child(3) .container .title ul li:nth-child(2):after,
#app .section:nth-child(3) .container .title ul li:nth-child(2):before {
  content: '';
  height: 1.5rem;
  width: 0rem;
  -webkit-transform: scale(0) rotate(0deg);
          transform: scale(0) rotate(0deg);
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  background: #fc556c;
  display: inline-block;
  position: relative;
  top: 0.2rem;
  left: -0.4rem;
}
#app .section:nth-child(3) .container .title ul li:nth-child(2):after {
  left: 0.5rem;
}
#app .section:nth-child(3) .container .title ul li.active {
  opacity: 1;
  -webkit-animation: subTitleComeR 1000ms linear both;
          animation: subTitleComeR 1000ms linear both;
}
#app .section:nth-child(3) .container .mock {
  opacity: 0;
  position: relative;
  left: -0.5rem;
  display: inline-block;
  -webkit-transform: translateY(-40rem);
          transform: translateY(-40rem);
  height: 60rem;
  width: 30rem;
  transition: 0.7s ease;
  z-index: 1;
}
#app .section:nth-child(3) .container .mock .frame {
  position: absolute;
  height: 100%;
  width: 100%;
  background: url(images/moke_frame.png);
  background-size: cover;
  z-index: 1;
}
#app .section:nth-child(3) .container .mock .contain {
  position: relative;
  width: 23.5rem;
  height: 50rem;
  top: 5rem;
  left: 3.85rem;
  box-sizing: border-box;
  border-radius: 25px;
  overflow: hidden;
  background: #000;
}
#app .section:nth-child(3) .container .mock .contain .element {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#app .section:nth-child(3) .container .mock .contain .element span {
  opacity: 0;
  transition: opacity 0s ease;
  -webkit-animation: none;
          animation: none;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#app .section:nth-child(3) .container .mock .contain .element span:nth-child(1) {
  height: 2.1rem;
  width: 2.1rem;
  top: 21rem;
  left: 10.7rem;
  background-image: url(images/app_contain_2_slip_1.png);
}
#app .section:nth-child(3) .container .mock .contain .element span:nth-child(2) {
  height: 2.1rem;
  width: 2.1rem;
  top: 21rem;
  left: 17.6rem;
  background-image: url(images/app_contain_2_slip_2.png);
}
#app .section:nth-child(3) .container .mock .contain .element span:nth-child(3) {
  height: 7rem;
  width: 6.05rem;
  top: 22.5rem;
  left: 3rem;
  background-image: url(images/app_contain_2_slip_3_2.jpg);
}
#app .section:nth-child(3) .container .mock .contain .element span:nth-child(4) {
  height: 6.2rem;
  width: 11.4rem;
  top: 18.8rem;
  left: 6rem;
  background-image: url(images/app_contain_2_slip_4_2.jpg);
}
#app .section:nth-child(3) .container .mock .contain .element span:nth-child(5) {
  height: 6.2rem;
  width: 11.4rem;
  top: 18.8rem;
  left: 6rem;
  background-image: url(images/app_contain_2_slip_5_2.jpg);
}
#app .section:nth-child(3) .container .mock .contain .element span:nth-child(6) {
  height: 6.2rem;
  width: 11.4rem;
  top: 18.8rem;
  left: 6rem;
  background-image: url(images/app_contain_2_slip_6_2.jpg);
}
#app .section:nth-child(3) .container .mock .contain .element span.active {
  opacity: 1;
  -webkit-animation: element_come 1000ms linear both;
          animation: element_come 1000ms linear both;
}
#app .section:nth-child(3) .container .mock .contain img {
  transition: all 0.7s;
  transition-timing-function: cubic-bezier(0.15, 0.52, 0.1, 0.96);
  -webkit-transform: translateY(0.5rem);
          transform: translateY(0.5rem);
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  height: auto;
  opacity: 1;
}
#app .section:nth-child(3).active .container {
  opacity: 1;
}
#app .section:nth-child(3).active .container .mock {
  -webkit-transform: translateY(0.8rem);
          transform: translateY(0.8rem);
  z-index: 10;
}
.shine {
  position: relative;
}
.shine:before,
.shine:after {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  content: '';
  height: 1rem;
  width: 1rem;
  display: inline-block;
  background: #ff0;
}
.shine:before {
  margin-left: -2.5rem;
}
.shine:after {
  margin-left: 1.5rem;
  background: #008000;
}
#app .section:nth-child(5) .container {
  transition: 1s ease;
  opacity: 0;
}
#app .section:nth-child(5) .container .title {
  text-align: center;
  position: relative;
  top: 3.5rem;
  -webkit-transform: translateY(30rem);
          transform: translateY(30rem);
  transition: 1s ease;
  margin: 0;
  padding: 0;
}
#app .section:nth-child(5) .container .title.active {
  -webkit-transform: translateY(0rem);
          transform: translateY(0rem);
  -webkit-animation: fadeInUp 0.7s linear both;
          animation: fadeInUp 0.7s linear both;
}
#app .section:nth-child(5) .container .title.turn {
  -webkit-animation: flipInY_2 0.7s linear both;
          animation: flipInY_2 0.7s linear both;
}
#app .section:nth-child(5) .container .title.turn h1 {
  -webkit-animation: main_title 1s linear both;
          animation: main_title 1s linear both;
}
#app .section:nth-child(5) .container .title.turn h1:before,
#app .section:nth-child(5) .container .title.turn h1:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
#app .section:nth-child(5) .container .title.turn ul li:nth-child(2):before {
  width: 0.1rem;
  -webkit-transform: scale(1) rotate(15deg);
          transform: scale(1) rotate(15deg);
}
#app .section:nth-child(5) .container .title h1 {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  color: #fc556c;
}
#app .section:nth-child(5) .container .title h1:before,
#app .section:nth-child(5) .container .title h1:after {
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(0);
          transform: scale(0);
  content: '';
  top: -3rem;
  position: absolute;
  display: inline-block;
  height: 6rem;
  width: 3rem;
  background-image: url();
  background-repeat: no-repeat;
  background-position: center center;
}
#app .section:nth-child(5) .container .title h1:before {
  left: -2rem;
}
#app .section:nth-child(5) .container .title h1:after {
  top: -2.7rem;
  background-image: url();
  right: -1rem;
}
#app .section:nth-child(5) .container .title ul {
  margin: 1rem 0 0rem;
  text-align: center;
  padding: 0;
}
#app .section:nth-child(5) .container .title ul.active {
  -webkit-animation: flipInX 1s linear both;
          animation: flipInX 1s linear both;
}
#app .section:nth-child(5) .container .title ul li {
  font-size: 1.5rem;
  font-weight: light;
  display: inline-block;
  margin: 0 0.3rem;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  opacity: 1;
  color: #666;
}
#app .section:nth-child(5) .container .title ul li:nth-child(2):after,
#app .section:nth-child(5) .container .title ul li:nth-child(2):before {
  content: '';
  height: 1.5rem;
  width: 0rem;
  -webkit-transform: scale(1) rotate(15deg);
          transform: scale(1) rotate(15deg);
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  background: #fc556c;
  display: inline-block;
  position: relative;
  top: 0.2rem;
  left: -0.4rem;
}
#app .section:nth-child(5) .container .title ul li:nth-child(2):after {
  left: 0.5rem;
  width: 0rem;
}
#app .section:nth-child(5) .container .title ul li.active {
  opacity: 1;
  -webkit-animation: title_come_3 865ms linear both;
          animation: title_come_3 865ms linear both;
}
#app .section:nth-child(5) .container .card {
  opacity: 1;
  position: relative;
  height: 51rem;
  width: 25rem;
  margin: 5rem auto 0;
  -webkit-transform: translateY(-40rem);
          transform: translateY(-40rem);
  transition: 1s ease;
}
#app .section:nth-child(5) .container .card .card-front,
#app .section:nth-child(5) .container .card .card-reverse {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  transition: 1s;
  text-align: center;
  border-radius: 5px;
}
#app .section:nth-child(5) .container .card .card-front {
  background-image: url(images/app_contain_5_4.jpg);
  -webkit-animation: flipInX 0.7s linear both;
          animation: flipInX 0.7s linear both;
  text-align: left;
}
#app .section:nth-child(5) .container .card .card-front input {
  height: 2.8rem;
  width: 18rem;
  background: #dfdfdf;
  border: 0;
  border-radius: 5px;
  position: absolute;
  top: 38.4rem;
  left: 50%;
  margin-left: -9rem;
  box-sizing: border-box;
  padding: 0 1.5rem;
  display: none;
}
#app .section:nth-child(5) .container .card .card-front .button {
  text-align: center;
  cursor: pointer;
  display: block;
  height: 2rem;
  width: 7rem;
  background: #d8b762;
  border: 0;
  border-radius: 175px;
  font-size: 1.2rem;
  line-height: 2rem;
  color: #fff;
  margin: 1.8rem auto 0;
  position: relative;
  left: 4.3rem;
  top: 7.1rem;
  box-shadow: 1px 2px 3px rgba(105,82,22,0.3);
  overflow: hidden;
}
#app .section:nth-child(5) .container .card .card-front .button p {
  margin: 0;
  position: relative;
  z-index: 10;
}
#app .section:nth-child(5) .container .card .card-front .button i {
  height: 7rem;
  width: 7rem;
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  margin-left: -3.5rem;
  margin-top: -3.5rem;
  border-radius: 50%;
  background: #fff;
  opacity: 0.5;
  -webkit-animation: wave 1500ms ease infinite;
          animation: wave 1500ms ease infinite;
}
#app .section:nth-child(5) .container .card .card-front .banner {
  height: 13.9rem;
  margin-top: 3rem;
  width: 100%;
  background-image: url(images/app_contain_6_3.jpg);
  background-size: auto 100%;
  background-position: 0rem 0;
  transition: 1s cubic-bezier(0.97, 0.01, 0.27, 1.01);
}
#app .section:nth-child(5) .container .card .card-front .banner:hover {
  background-position: -51rem 0;
}
#app .section:nth-child(5) .container .card .card-front .number {
  display: inline-block;
  margin-top: 7.7rem;
  color: #fff;
  position: relative;
  top: 3.6rem;
  left: 5rem;
}
#app .section:nth-child(5) .container .card .card-front .number i {
  font-size: 16px;
  font-style: normal;
  position: relative;
  top: 0.5rem;
  left: 1rem;
}
@media screen and (min-width: 600px) {
  #app .section:nth-child(5) .container .card .card-front .number i {
    top: -0.2rem;
    left: 1rem;
  }
}
#app .section:nth-child(5) .container .card .card-front .number span {
  position: absolute;
  display: inline-block;
  font-size: 36px;
  font-weight: 500;
  overflow: hidden;
  height: 4rem;
  line-height: 4rem;
  width: 20rem;
  text-align: center;
  top: -15px;
  left: 2rem;
}
@media screen and (min-width: 600px) {
  #app .section:nth-child(5) .container .card .card-front .number span {
    height: 3rem;
  }
}
#app .section:nth-child(5) .container .card .card-front .number span li {
  list-style: none;
  width: 3rem;
  float: left;
  position: absolute;
}
#app .section:nth-child(5) .container .card .card-reverse {
  background-image: url(images/app_contain_4.jpg);
  z-index: -1;
  -webkit-animation: flipOutX 0.7s linear both;
          animation: flipOutX 0.7s linear both;
}
#app .section:nth-child(5) .container .card.active {
  opacity: 1;
  -webkit-transform: translateY(0.5rem);
          transform: translateY(0.5rem);
}
#app .section:nth-child(5) .container .card.drop {
  -webkit-transform: translateY(20rem);
          transform: translateY(20rem);
}
#app .section:nth-child(5) .container .card.turn .card-front {
  -webkit-animation: flipOutY_2 0.7s linear both;
          animation: flipOutY_2 0.7s linear both;
}
#app .section:nth-child(5) .container .card.turn .card-reverse {
  -webkit-animation: flipInX 0.7s linear both;
          animation: flipInX 0.7s linear both;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
#app .section:nth-child(5).active .container {
  background-color: color_3;
  opacity: 1;
}
#app .section:nth-child(6) .container {
  transition: 1s ease;
}
#app .section:nth-child(6) .container .title {
  text-align: center;
  position: relative;
  top: 3.5rem;
  margin: 0;
  padding: 0;
}
#app .section:nth-child(6) .container .title.active h1 {
  -webkit-animation: main_title 1s linear both;
          animation: main_title 1s linear both;
}
#app .section:nth-child(6) .container .title.active h1:before,
#app .section:nth-child(6) .container .title.active h1:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
#app .section:nth-child(6) .container .title.active ul li:nth-child(2):before {
  width: 0.1rem;
  -webkit-transform: scale(1) rotate(15deg);
          transform: scale(1) rotate(15deg);
}
#app .section:nth-child(6) .container .title h1 {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  color: #fc556c;
}
#app .section:nth-child(6) .container .title h1:before,
#app .section:nth-child(6) .container .title h1:after {
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(0);
          transform: scale(0);
  content: '';
  top: -3rem;
  position: absolute;
  display: inline-block;
  height: 6rem;
  width: 3rem;
  background-image: url();
  background-repeat: no-repeat;
  background-position: center center;
}
#app .section:nth-child(6) .container .title h1:before {
  left: -2rem;
}
#app .section:nth-child(6) .container .title h1:after {
  top: -2.7rem;
  background-image: url();
  right: -1rem;
}
#app .section:nth-child(6) .container .title ul {
  margin: 1rem 0 0rem;
  text-align: center;
  padding: 0;
}
#app .section:nth-child(6) .container .title ul li {
  font-size: 1.5rem;
  font-weight: light;
  display: inline-block;
  margin: 0 0.3rem;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  opacity: 1;
  color: #666;
}
#app .section:nth-child(6) .container .title ul li:nth-child(2):after,
#app .section:nth-child(6) .container .title ul li:nth-child(2):before {
  content: '';
  height: 1.5rem;
  width: 0rem;
  -webkit-transform: scale(0) rotate(0deg);
          transform: scale(0) rotate(0deg);
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  background: #fc556c;
  display: inline-block;
  position: relative;
  top: 0.2rem;
  left: -0.4rem;
}
#app .section:nth-child(6) .container .title ul li:nth-child(2):after {
  left: 0.5rem;
  width: 0;
}
#app .section:nth-child(6) .container .title ul li.active {
  opacity: 1;
  -webkit-animation: title_come_3 865ms linear both;
          animation: title_come_3 865ms linear both;
}
#app .section:nth-child(6) .container .main {
  position: relative;
  left: 2.5rem;
  top: -2rem;
}
#app .section:nth-child(6) .container .main .prop {
  transition: 0.3s ease;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -60rem;
  margin-left: -10rem;
  height: 42rem;
  width: 20rem;
  background: url(images/app_contain_9_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 0;
}
#app .section:nth-child(6) .container .main .figure {
  transition: 1s cubic-bezier(0.97, 0.01, 0.27, 1.01);
  height: 30rem;
  width: 16rem;
  background: url(images/app_contain_7.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 10rem auto;
  -webkit-transform: scale(0) translateX(20rem);
          transform: scale(0) translateX(20rem);
}
#app .section:nth-child(6) .container .main .button {
  cursor: pointer;
  position: absolute;
  transition: 0.1s linear;
  bottom: -4rem;
  left: 50%;
  margin-left: -10rem;
  font-size: 1.6rem;
  opacity: 0;
  transition: all 1s;
  height: 4rem;
  width: 15rem;
  line-height: 4rem;
  text-align: center;
  color: #fff;
  border-radius: 0.5rem;
  background: #fc556c;
  display: inline-block;
}
#app .section:nth-child(6) .container .main .button a {
  color: #fff;
  text-decoration: none;
}
#app .section:nth-child(6) .container .main .button span {
  font-size: 1.4rem;
}
#app .section:nth-child(6) .container .main .button.drop {
  -webkit-animation: jackInTheBox 1s cubic-bezier(0.97, 0.01, 0.27, 1.01);
          animation: jackInTheBox 1s cubic-bezier(0.97, 0.01, 0.27, 1.01);
  opacity: 1;
}
#app .section:nth-child(6) .container .main .button.shake {
  -webkit-animation: shake-little 8s ease-in-out infinite;
          animation: shake-little 8s ease-in-out infinite;
}
#app .section:nth-child(6) .container .main .button .QRCode {
  position: absolute;
  display: inline-block;
  text-align: center;
  width: 100%;
  display: none;
}
#app .section:nth-child(6) .container .main .button .QRCode img {
  position: relative;
  top: -0.1rem;
  left: -0.1rem;
  display: inline-block;
  width: 110%;
  height: auto;
}
#app .section:nth-child(6) .container .main.active .prop {
  transition: 1s cubic-bezier(0.97, 0.01, 0.27, 1.01);
  -webkit-transform: scale(0.22);
          transform: scale(0.22);
  margin-left: -15.5rem;
  margin-top: -13rem;
  opacity: 1;
}
#app .section:nth-child(6) .container .main.active .prop.pc {
  background-image: url(images/QRCode_3.jpg);
  -webkit-transform: scale(0.42);
          transform: scale(0.42);
  margin-left: -17.5rem;
  margin-top: -10.2rem;
}
#app .section:nth-child(6) .container .main.active .figure {
  -webkit-transform: scale(1) translateX(0);
          transform: scale(1) translateX(0);
}
#app .section:nth-child(6).active .container {
  opacity: 1;
}
#app .section:nth-child(6).active .container .mock {
  -webkit-transform: translateY(0.8rem);
          transform: translateY(0.8rem);
}
